<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<head>
<link rel="stylesheet" type="text/css" href="/css/style_fx.css" />
    <title>发现-笔飞美术作品</title>
    <script type="text/javascript" src="/js/jquery-1.4.3.min.js"></script>
       <%@include file="../common/jspcommon.jsp"%>
       <%@include file="../common/css.jsp"%>
       <script type="text/javascript" src="/js/page/pager.js"></script>
</head>
<body>
<div id="box">
        <%@include file="../common/header.jsp" %>
    <div id="main_div">
    
        <div class="top_ysj">
            <h2>${artArtist.name }</h2>
            <div class="top_ysj_1"><a href="#"><img src="${artArtist.photo}" alt=""/></a></div>
            <div class="top_ysj_2">
                <p style="margin-top:70px;"><a href="#" onclick="ART.likeArtArtist('${artArtist.id}')"><img src="../images/btn_gz.jpg" alt=""/></a></p>
                <!--<div id="TopDivEmail">
                    test
                </div>
                <script type="text/javascript">
                $(function(){
                 $(document).bind("click",function(e){
                  var target  = $(e.target);
                  if(target.closest("#TopDivEmail").length == 0){$("#TopDivEmail").hide();}
                 })
                })
                </script>-->
            </div>
            <div class="top_ysj_3" style="width: 350px">
                <p class="icon_p28">${artArtist.city }，${artArtist.province }</p>
                <p style="width: 250px">毕业院校：${artArtist.schoolName}</p>
                <p style="width: 250px">个人网址：<a href="${artArtist.website}" target="_blank">${artArtist.website}</a></p>
            </div>
            <div class="top_ysj_4">
                <p class="icon_p17">浏览：${allCount.viewAmount }</p>
                <p class="icon_p19">欣赏：${allCount.loveAmount }</p>
                <p class="icon_p18">关注他的：${artArtist.likeAmount}</p>
                <p class="font_1">艺术家发布时间：<fmt:formatDate value="${artArtist.gmtCreated}" pattern="yyyy-MM-dd  " /></p>
            </div>
        </div>
        
        <div class="main_div_left4">
            <div class="l_t_1">
                <h2 class="icon_p29">个人简介</h2>
                <p>${artArtist.detail}</p>
            </div>
            <div class="l_t_1">
                <h2 class="icon_p30">艺术观点</h2>
                <p>${artArtist.artviews}</p>
               
            </div>
            <div class="l_t_1">
                <h2 class="icon_p31">客户名单</h2>
                <p>${artArtist.guestname}</p>
            </div>
            <div class="l_t_1">
                <h2 class="icon_p32">荣誉</h2>
                <p>${artArtist.honor}</p>
            </div>
            <div class="l_t_1">
                <h2 class="icon_p33">参展情况</h2>
                <p>${artArtist.exhibition}</p>
            </div>
            <div class="l_t_1">
                <h2 class="icon_p34">经历</h2>
                <p>${artArtist.experience}</p>
            </div>
        </div>
        <div class="main_div_right4">
            <div class="main_div_list3">
                <h2><span class="fl">作品</span>
                    <div class="pro_nav" onmouseover="$('#pro_nav_li').slideDown();" onmouseout="$('#pro_nav_li').hide();">
                    		<a href="/fartistInfo.htm?artistId=${artArtist.id}">全部作品</a>
		                    <ul id="pro_nav_li" onmouseover="$('#pro_nav_li').show();" onmouseout="$('#pro_nav_li').hide();">
		                        <c:forEach items="${findList}" var="cyly">
		                        	<li><a href="#" onclick="findOfclass('${cyly.identifier}','${artArtist.id}');">${cyly.name}</a></li>
		                        </c:forEach>
		                    </ul>
                    </div>
                </h2>
                <ul>
                	<c:forEach items="${pageModel.list}" var="list" >
                		<c:if test="${ !empty list.artPic }">
		                <li>
		                    <a href="#" onclick="fart('${list.artPic.identifier}')"><img src="${list.artPic.imagePath}" class="img_1" alt=""/></a>
		                    <div class="c_1">
		                        <p>${list.artPic.title}</p>
		                        <p class="line">作者：${list.artPic.painter}</p>
		                        <p>${list.artPic.artClassName}</p>
		                    </div>
		                    <div class="c_2">
		                        <span class="icon_like">${list.artPic.loveAmount }</span>　<span class="icon_click">${list.artPic.viewAmount }</span>
			                      <c:if test="${list.artPic.choice}">
			                        <div class="icon_date"><span>Q</span>
			                            <div class="tooltipi">
			                              Featured On: <strong><fmt:formatDate value="${list.artPic.gmtCreated}" pattern="yyyy-MM-dd " /> </strong>
			                            </div>
			                        </div>
			                        </c:if>
		                    </div>
		                </li>
		                </c:if>
		            </c:forEach>
            </ul>
            </div>
            <div class="page_div">
            	<div id="page" class="h_page"></div>
            </div>
        </div>
     	 <%@include file="../common/footer.jsp" %>	
    </div>
</div>

 <script type="text/javascript">
 $(function(){
		$("#page").pager({
			pagenumber : "${pageModel.currentPage}",
			pagecount : "${pageModel.totalPage}",
			buttonClickCallback : function(page) {
				location.href = "/fartistInfo.htm?page="+ page+"&artistId=${artistId}";
			}
		});
	});
 function findOfclass(classid,artistid){
	 location.href = "/fartistInfo.htm?&classId="+classid+"&artistId=${artistId}";
 }
 </script>
</body>
</html>
